<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../template/template.xhtml">

<ui:define name="top"></ui:define>
<ui:define name="content">
	<h:form>
	<div id="middle_content">
	<h:inputText value="#{userManagementBean.searchString}" immediate="true" style="padding: 5px;font-size: 16px;border-radius: 5px;width: 303px;"/>
	<h:commandButton value="search" action="#{userManagementBean.search()}"/>
		<h:dataTable id="user_table" value="#{userManagementBean.users}" var="user" border="1">
		<h:column>
		<f:facet name="header">id</f:facet>
		#{user.id}
		</h:column>
		<h:column>
		<f:facet name="header">username</f:facet>
		#{user.username}
		</h:column>
		<h:column>
		<f:facet name="header">created date</f:facet>
		#{user.createdDate}
		</h:column>
		</h:dataTable>
	</div>
	</h:form>
</ui:define>
<ui:define name="footer"></ui:define>
</ui:composition>